.big-small {
	.item-img {
		position: relative;

		.time {
			position: absolute;
			z-index: 1;
			bottom: 30px;
			color: #999999;
			// color: #ffffff;''
			font-size: 12px;
			bottom: 130rpx;
			right: 30rpx;
		}
	}
	.title {
		width: 100%;
		text-align: center;
		padding: 7px 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.nav {
		display: flex;
		justify-content: space-between;
		margin: 16rpx 0;
		align-items: center;
		.btn {
			padding: 0 26rpx 0 40rpx;
			border-radius: 3rpx;
			font-size: 22rpx;
			display: flex;
			color: #999999;
			height: 50rpx;
			align-items: center;
			border: 2rpx solid #a6a6a6;
			align-items: center;
		}
		.top-title {
			display: flex;
			align-items: center;
		}
	}

	.grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr); // 两列布局
		gap: 0 20rpx; // 图片间距

		.media-item {
			width: 100%;
			border-radius: 20rpx;
			overflow: hidden;
			display: flex;
			flex-direction: column; // 竖向排列

			// 一行一个，固定高度 400rpx
			&.full-width {
				grid-column: span 2;
				height: 400rpx !important;
			}

			// 一行两个，固定高度 300rpx
			&:not(.full-width) {
				height: 300rpx !important;
			}

			.media {
				width: 100%;
				height: 75%;
				object-fit: cover;
				border-radius: 20rpx;
			}

			// 文字区域固定高度
			.text-content {
				// height: 120rpx; // **固定高度，避免影响对齐**
				max-height: 132rpx;
				min-height: 52px;
				display: flex;
				flex-direction: column;
				justify-content: center; // **始终居中**
				align-items: center;
				text-align: center;
				.desc{
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}
		}
	}
}
